*{margin: 0;padding: 0;font-family: "microsoft yahei";-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img{border: none;}
a{text-decoration: none;}
ol,
ul{list-style: none;}
div{display: block;}
body{background: #ffffff;}
.w1200{width: 1200px;margin: 0 auto;position: relative;}
.mr40{margin-right: 40px;}
.pa{position: absolute;}
.pl20{padding-left: 20px;}
.h30{width: 100%;height: 30px;overflow: hidden;}
.h30:after{content: "";width: 0;height: 0;display: block;clear: both;}
.mr40 {
	margin-right: 5px;
}
.pa {
	position: absolute;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: #6c6b6b;
  overflow: hidden;
}
/*导航*/
.xyg-menu{position: absolute;width: 100%;height: 80px;z-index: 1000;left: 0;top: 0;}
.xyg-menu-fixed{width:100%; height:auto; position:fixed; left:0px; top:0px;background: linear-gradient(45deg,#10559e 3%,#1e88e5 55%,#40baf5 91%);}
.xyg-menu #menu_hover_bg{width: 100%;height: 0;background: #fff;position: absolute;top: 79px;z-index: 9;overflow: hidden;}
.xyg-menu .logo{float: left;width: 140px;height: 80px;}
.xyg-menu .logo a{display: block;width: 140px;height: 44px;padding: 17px 0;}
.xyg-menu .menu{float: left;}
.xyg-menu .menu ul li{float: left;}
.xyg-menu .menu ul li h2{font-weight: normal;font-size: 14px;position: relative;}
.xyg-menu .menu ul>li.intro>h2:before{content: "";position: absolute;width: 50px;height: 2px;background-color: #ff9c01;left: 50%;margin-left: -25px;bottom: 25px;}
.xyg-menu .menu ul>li>h2>img{right: -10px;top: 24px;}
.xyg-menu .menu ul li h2 a{padding: 0 17px;line-height: 80px;display: block;height: 80px;color: #fff;font-size: 14px;}
.xyg-menu .login{padding-top: 25px;float: right;}
.xyg-menu .login a{height: 30px;line-height: 30px;padding: 0 10px;color: #fff;display: inline-block;vertical-align: middle;font-size: 14px;}
.xyg-menu .login a:nth-child(1){background: url(../images/icon/login_icon.png) no-repeat left center;padding-left: 30px;}
.xyg-menu .login a:nth-child(2){background: #FD8A08;border-radius: 4px;color: #fff;margin-right: 10px;width: 80px;height: 30px;line-height: 30px;padding: 0;text-align: center;}


/*行业模板*/
.xyg-template-desc{padding: 15px 0 75px 0;width: 100%;overflow: hidden;background: url(../images/template/main3-bg.jpg) no-repeat;background-size: 100% 100%;}
.xyg-template-desc .title{font-size: 28px;text-align: center;color: #333;}
.xyg-template-desc .subtitle{font-size: 16px;margin-top: 20px;text-align: center;color: #777;}
.xyg-template-desc .category{text-align: center;}
.xyg-template-desc .category ul{overflow: hidden;margin-top: 40px;background-color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.1); border-radius: 3px;display: inline-block;}
.xyg-template-desc .category ul li{float: left;display: inline-block;font-size: 16px;height: 35px;line-height: 35px;width: 140px;text-align: center;position: relative; cursor: pointer;}
.xyg-template-desc .category ul li:after{content: '';height: 50%; border-left: 1px solid #eee; position: absolute; right: 0; top: 25%;}
.xyg-template-desc .category ul li:last-child:after{border-left: none;}
.xyg-template-desc .category ul li:hover{color: #fe782f;}
.xyg-template-desc .category ul li.active{background:#fe782f;color: #fff;}
.xyg-template-desc .category ul li.active:after{border-left: none;}
.xyg-template-desc .content{width: 100%;height: auto;margin-top:10px;display: none;}
.xyg-template-desc .content.active{display: block;}
.xyg-template-desc .content ul{width: 1160px;margin:0px auto;}
.xyg-template-desc .content ul li{float: left;position: relative;width: 18%;margin-right: 2%; margin-top:20px; transition: transform .3s ease,box-shadow .3s ease}
.xyg-template-desc .content ul li:last-child{margin-right: 0;}
.xyg-template-desc .content ul li .img{width:100%;}
.xyg-template-desc .content ul li .bg{transition: opacity .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);text-align: center;}
.xyg-template-desc .content ul li .bg img{display: inline-block;width: 70%;margin-top: 75px;border-radius: 3px;opacity: 0;transition: opacity .5s;}
.xyg-template-desc .content ul li:hover{transform: translate3d(0,-10px,0)}
.xyg-template-desc .content ul li:hover .bg{background: rgba(0,0,0,.5);}
.xyg-template-desc .content ul li:hover .bg img{opacity: 1;}
.xyg-template-desc .content .more{text-align: center;width: 100%;clear: both;padding-top: 60px;}
.xyg-template-desc .content .more a{display: inline-block;border: 1px solid #f73;color: #f73; transition: background-color .3s,color .3s;padding: 12px 50px;border-radius: 50px;font-size: 18px;}
.xyg-template-desc .content .more a:hover{background: #f73;color: #fff;}
.xyg-template-desc .content.wsc ul{width: 1245px;}
.xyg-template-desc .content.wsc ul li{background:url(../images/phone.png) center center no-repeat;width:18%; margin-right:2%; height: 100%;}
.xyg-template-desc .content.wsc ul li .img{margin-top:4px;margin-left: 9px;}
.xyg-template-desc .content.wsc ul li .bg{width: 200px;height: 356px;left: 9px;top: 4px;}
.xyg-template-desc .content.wsc ul li .bg img{border-radius: 3px;border:10px solid #fff}
.xyg-template-desc .content.dnsc ul{width:1200px}
.xyg-template-desc .content.dnsc ul li{background:url(../images/pc.png) center center no-repeat;width: 340px;height: 220px;overflow: hidden;margin-right: 90px;}
.xyg-template-desc .content.dnsc ul li:nth-child(1),.xyg-template-desc .content.dnsc ul li:nth-child(2),.xyg-template-desc .content.dnsc ul li:nth-child(3){margin-bottom: 40px;}
.xyg-template-desc .content.dnsc ul li:nth-child(3n){margin-right: 0;}
.xyg-template-desc .content.dnsc ul li .img{margin-top: 13px;}
.xyg-template-desc .content.dnsc ul li .img img{max-width: 100%;}
.xyg-template-desc .content.dnsc ul li .bg{width: 100%;height: 100%;top: 13px;}
.xyg-template-desc .content.dnsc ul li .bg img{width: 145px;margin-top: 90px;}
